当前位置：模板管理电脑模板管理样式管理修改样式 样式表文件: /style.css @charset "utf-8"; /*==========@@HTML默认 开始@@==========*/ /*基本*/ *{ padding:0px; margin:0px } body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;} body{color:#666; margin:0px auto; font-family: Microsoft YaHei; font-size:14px; background:#fff; } div{ margin:0; padding:0; border:0; } img{ margin:0; padding:0; border:0; } p{ margin: 0px; line-height:1.8em} b,strong {font-weight: bold;} table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/} li{ list-style: none outside none;} /* update */ .i-search{width:100%;height:60px;background:rgb(245, 245, 245);} .i-search-items{width:1200px;height:100%;margin:0 auto;} .i-search-items p{font-size:15px;height:60px;float:left;color:rgb(25, 31, 22);line-height:60px;margin-left:10px;} .i-search-items a{line-height:60px;color: #146307;} .i-more{float:left;padding:10px 50px;background:#5A8D1D;margin-left:20px;color:#fff;transition:.5s;} .i-more:hover{color:#fff;background:#71AD29;} .i-more:visited{color:#fff;} .i-fuwu{width:1200px;height:205px;background:url(/Upload/1533721910.jpg) no-repeat;margin:0 auto;margin-top:50px;} .i-fuwu ul{width:1200px;height:100%;margin:0 auto;} .i-fuwu ul li{width:33.33%;height:255px;float:left;} .i-fuwu ul li img{float:left;margin-top:95px;} .i-fuwu ul li h4{margin-top:95px;font-size:18px; color:#fff;margin-left:80px;} .i-fuwu ul li p{float:left;width:270px;color:#ccc;padding-left:20px;font-size:15px;} .i-news li {border-bottom:1px dashed #ccc;padding:10px 0;} .i-news li a{color:#666666;font-size:16px;} .i-news li a:hover{color:#5A8D1D;} .i-news li span{color:#ccc;float:right;font-size:14px;} .i-news li i{color:#5A8D1D;} #logo_1{float:right;margin-top:12px;} /*链接*/ a{ text-decoration:none; color:#000; background: transparent; outline:none;}/*color:#626262;*/ a:visited { color:#FF5722; border-color:#ffc107}/*color:#ffc107;*/ a:hover{ color:#72ae58;}/*color:#146307;*/ a:focus { outline:none; } a:active{ outline:none;} /*标题*/ h1 { font-size: 1.3em;margin: 0;} h2 {font-size: 1.2em; margin: 0;} h3 { font-size: 1.17em;margin: 0;} h4 {font-size: 1em;margin:0;} h5 {font-size: 0.83em;margin: 0;} h6 { font-size: 0.67em;margin: 0;} /*表单*/ form {margin: 0;} button,input,select,textarea { font-size: 100%;margin: 3px; vertical-align: baseline; *vertical-align: middle; } button,select {text-transform: none;} input{padding:2px;background-color: #FFFFFF;border: 1px solid #ccc;width:99%;line-height: normal;} textarea{padding: 2px;color: #000000;background-color: #fff;width:99%;} /*其它*/ blockquote {margin: 1em 40px;} dfn {font-style: italic;} hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;} code, kbd, pre, samp {font-size: 1em;} pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; } small {font-size: 80%;} sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/} sup {top: -0.5em;} sub {bottom: -0.25em;} dl{margin: 1em 0;} dd {margin: 0 0 0 40px;} i{ font-style:normal; font-weight:normal;} /*==========@@HTML默认 结束@@==========*/ /*==========@@元件 开始@@==========*/ /*常用颜色*/ .blue {color: #00F !important;} .green {color: #0F0 !important;} .red {color: #F00 !important;} .black {color: #000000 !important;} .white {color: #FFFFFF !important;} .gray { color:gray; !important; } .purple { color:purple; !important;} /*浮动*/ .clear { display:block; clear:both; height:3px; overflow:hidden; line-height:3px; } .float_left { float:left; } .float_right { float:right; } /*按钮*/ .btn {-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; display: -moz-inline-stack; display: inline-block; *display: inline; vertical-align: middle; *vertical-align: auto; zoom: 1; height: 32px; line-height: 32px; padding: 0px 20px;font-weight: 300; font-size: 14px; margin: 0; text-decoration: none; text-align: center; text-indent:0; cursor:pointer; border: 1px solid #d4d4d4; color: #666666; } /*默认样式*/ .btn { background-color: #146307; color: #fff; } .btn:hover { background-color: #CF232E; color:#fff;} .btn:active { background: #CF232E; color: #fff;} /*按钮大小*/ .btn-large {font-size: 18px; height: 34px; line-height: 34px; padding: 0px 22px;} .btn-small { font-size: 12px; height: 25.6px; line-height: 25.6px; padding: 0px 16px;} .btn-tiny { font-size: 12px; height: 22.4px; line-height: 22.4px; padding: 0px 13px;} /*块按钮*/ .btn-block {display: block;} .btnBuyNow{display:block; width:90px; height:36px; line-height:36px; color: #c40000; padding-left:36px; background: #ffeded; cursor:pointer; float:left; border: 1px solid #c40000; margin-right:10px;} .btnBuyNow:hover{ color: #F00;} .btnAddCart{display:block; width:90px; height:36px; line-height:36px; color: #fff; padding-left:36px; margin-right:10px; border: 1px solid #cf010e; background: url(../images/cartwhite.png) no-repeat 12px center #cf010e; cursor:pointer; float:left;} .btnAddCart:hover{ color: #ddd;} /*加入收藏*/ .btnAddFavorite{display:block; height:36px; line-height:36px; color: #fff; padding:0 16px; text-indent:16px; margin-right:0px; border: 1px solid #ff6600; background: url(../images/favorite.png) no-repeat 8px center #ff6600; cursor:pointer; float:left;} .btnAddFavorite:hover{ color: #ddd;} .btnComment{display:block; width:110px; height:32px; line-height:32px; color: #fff; padding:0; border: 1px solid #cf010e;background: #cf010e; cursor:pointer; } .btnComment:hover{ color: #ddd;} .btnSellOut{display:block; width:90px; height:36px; line-height:36px; color: #FFF; padding:0 10px; background:gray;float:left; border: 1px solid #808080; margin-right:10px;text-align: center;} .btnAddCart1{display:block; width:76px; height:26px; line-height:26px; border: 1px solid #ddd; color: #cf010e; padding-left:32px; background: url(../images/cartred.png) no-repeat 6px center; cursor:pointer; float:left; margin-left:10px;} .btnAddCart1:hover{ background: url(../images/cartwhite.png) no-repeat 6px center #cf010e; color:#fff;} .btnSmsCode { float:left; width:auto; height: 30px; line-height: 30px; padding: 0px 8px; font-size: 14px; margin: 3px 0; text-decoration: none; text-align: center; text-indent:0; cursor:pointer; color: #666666; background-color: #cf010e; color: #fff; border:0;} .btnSmsCode:hover { background-color: #CF232E; color:#fff;} .btnSmsCode:active { background: #CF232E; color: #fff;} .btnReg, .btnLogin, .btnNextStep, .btnResetPwd { float:left; width:auto; height: 35px; line-height: 35px; padding: 0px 18px; font-size: 16px; margin: 3px 0; text-decoration: none; text-align: center; text-indent:0; cursor:pointer;color: #666666; background-color: #cf010e; color: #fff; border:0;} .btnReg:hover, .btnLogin:hover, .btnNextStep:hover, .btnResetPwd:hover { background-color: #CF232E; color:#fff;} .btnReg:active, .btnLogin:active, .btnNextStep:active, .btnResetPwd:active{ background: #CF232E; color: #fff;} .btnForgetPassword, .btnRegNow{ float:left; width:auto; height: 35px; line-height: 35px; padding: 0px 10px; font-size: 14px; margin: 3px 0; text-decoration: none; text-align: center; text-indent:0; cursor:pointer;color: #666666; background-color: #fff; color: #000; border:0; } /*表单类*/ .form_text, .form_text:hover, .form_text_verifycode, .form_text_verifycode:hover{border:1px solid #CCC; height:20px; line-height:20px;clip: rect; padding: 5px 3px; color: #000000; outline:0;} .form_text { width:95%; background-position: 0px 0px;} .form_text:hover {background-position: 0px -37px;} .form_text_verifycode { width:50px; margin-right:3px;background-position: 0px 0px;} .form_text_verifycode:hover {background-position: 0px -37px;} .form_radio{ width:auto; border:0;} .form_checkbox{ width:auto; border:0} .form_select { height:25px; } .form_textarea { width:95%; height:80px; border:1px solid #CCC; padding:2px; outline:0;} .form_button { width:auto; vertical-align:middle; border:0 none;/*解决ie焦点是有黑色边框*/} input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; } .required{ color:red; font-weight:bold; text-align:left; padding-left:3px;} /*其它*/ .hide { display:none; } /*隐藏*/ .more{ float: right; padding-right:5px; } /*more链接*/ .code_image{ cursor: pointer; padding-bottom:6px; height: 28px;} /*验证码图片样式*/ /*频道*/ .ChannelContent{line-height:2.0em; font-size:14px;/*text-align:center;*/} .ChannelSContent, .ChannelSContent p{ line-height:1.8em} .ChannelContent a{ color: #ff9d02} .ChannelSContent{color:#FFF; line-height:25px; height:200px;overflow:hidden; margin-bottom:10px;} .ChannelSContent a{ color: #ff9d02} .ChannelSContent img, .InfoContent img{ max-width:100% } /*信息*/ .InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle; padding:5px 0px} .InfoPrice{ color:#E4393C; text-align:left; font-size:15px; font-family:Verdana; padding: 5px;} .InfoTitle h1{ font-size:22px; line-height: 1.5em; font-weight:normal;} .InfoTime{color:#999; text-align:left; padding:2px 0px; height:25px} .InfoContent, .InfoContent p{ line-height:2.0em; font-size:16px; padding:10px 0;} .InfoAttachment{ padding:10px 0px; text-align:center; width:81px; margin:0 auto;} .InfoPicture{ text-align: center;} .InfoPicture img{ width:100%; max-width:100%} .MarketPrice{ font-size: 12px; margin-left: 10px; text-decoration: line-through; color: gray;} /*==========@@元件 结束@@==========*/ /*==========@@模块 开始@@==========*/ /*左侧样式*/ .left_title{ height:35px; line-height:35px; border: solid 1px #e4e4e4; background:#F5F5F5;display:none;} .left_title h2 { text-indent:1em; font-size:14px; color:#000; } .left_body { overflow:hidden; zoom:1; color:#000; padding:0 10px 5px; border-top:0;background:#ffffffab;/*border-top:4px solid #5A8D1D;*/} .left_bottom { /* height:10px; */} /*左侧样式1*/ .left_title1 { height:39px; line-height:39px; background:#f0f0f0; border: 1px solid #e6e6e6; border-bottom:0;} .left_title1 h2 { font-size:16px; color:#333; float:left; text-indent:5px;} .left_body1 { overflow:hidden; zoom:1; padding:0; clear:both; border: 1px solid #e6e6e6; background:#fff; border-bottom:0;} .left_bottom1 { margin:5px 0 15px 0; overflow:hidden; } /*左侧样式1*/ .left_title2 { height:45px; line-height:45px; border-bottom: 0px solid #000; } .left_title2 h2 { font-size:16px; color:#323232; float:left;} .left_title2 h2 a{ color:#323232; font-size:20px; } .left_title2 .prev, .left_title2 .next { float: left; display: block;width: 16px;height: 45px; background: url(../images/arrow.png) no-repeat; cursor: pointer;margin: 0 2px; } .left_title2 .prev{ background-position: 2px center; margin-right:8px;} .left_title2 .next{ background-position: -13px center; } .left_title2 .prev:hover{ background-position: -27px center; } .left_title2 .next:hover{ background-position: -42px center; } .left_body2 { overflow:hidden; zoom:1; padding:0; clear:both; } .left_bottom2 { margin:5px 0 15px 0; overflow:hidden; } /*右侧样式1*/ .right_title { line-height:35px;margin-right: 20px;display:inline-block; width: 300px;} .right_title h2 { font-size:14px; font-weight:normal; margin:auto;color:#fff; padding-left:1em;font-size:18px;} .right_body { padding:5px 8px; overflow:hidden; zoom:1; border-top:0;background:#fff; margin: 20px 0; padding-left: 20px;display:inline-block;} .right_bottom { height:1px; background: #eee; margin-bottom: 10px;} .right_title a{color:#136406;} /*右侧样式1*/ .right_title1 { height:35px; line-height:35px; } .right_title1 h2 { font-size:16px; font-weight:normal; color:#666; padding-left:1em;} .right_body1 { padding:5px 0px; overflow:hidden; zoom:1; } .right_body1_1, .right_body1_3{ float:left; width:30px; } .right_body1_2{ float:left; width:1128px;} .right_body1 .sPrev, .right_body1 .sNext {display: block; width: 16px; height: 54px; background: url(../images/arrow.png) no-repeat; cursor: pointer; margin:0 auto; outline:0px dashed red; margin-top:80px;} .right_body1 .sPrev{ background-position: 2px center; } .right_body1 .sPrev:hover{ background-position: -27px center; } .right_body1 .sNext{ background-position: -13px center; } .right_body1 .sNext:hover{ background-position: -42px center; } .right_bottom1 { height:8px;} /*==========@@模块 结束@@==========*/ /*==========@@频道布局 开始@@==========*/ /*===频道公共 开始===*/ .body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{} .index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback, .shoppingcart, .checkout, .payment, .oauth{ width:1200px;margin:20px auto; overflow:hidden;padding-top:20px;} #top, #topad, #location, #announcement, #link, #ensure, #help, #copyright, #product_read_floor{ width:1200px; margin:0 auto; overflow:hidden; border:0px dashed red;} #condition, #product_floor{width:100%;} #left { width:100%;} #right { width:100%; border-left:0px solid #E5E5E5; padding-left:0px;/*text-align:center;*/} .article #right {text-align:unset} /*===频道公共 结束===*/ /*===首页频道 开始===*/ #floor_0_main{ } #floor_0{ width:1200px; margin:0 auto; overflow:hidden; margin-bottom:10px;} #floor_0_2 img{ display:inline;} /*左侧样式1*/ .floor_title { height:39px; line-height:39px; border-bottom: 2px solid #5A8D1D; } .floor_title h2 { font-size:16px; color:#323232; float:left;} .floor_title h2 a{ color:#323232; font-size:20px;} .floor_title h2 i{ float:left; width:26px; margin-right:6px; font-size: 20px;color: #323232; text-indent:2px;} .floor_body { overflow:hidden; zoom:1; padding:0; clear:both; } .floor_bottom { margin:5px 0 15px 0; overflow:hidden; } .floor_bottom .special{ overflow:hidden; padding:10px 0;} .floor_bottom .special a{ display:block; width:120px; text-align:center; float:left; border-left:0px dotted #ccc;} .floor_bottom .special a.n1{ border:0;} .floor_bottom .special img{ width:100px;} .floor_bottom .ad{ background:#none; overflow:hidden; clear:both; padding:10px 0;} .floor_bottom .ad a{ display:block; text-align:center; float:left; padding:0; margin:0;} .floor_bottom .ad img{ } .floor_main{margin-bottom:40px;} .floor{ width:1200px; margin:0 auto; overflow:hidden; margin-top:20px;} .floor .left{ width: 210px; height:475px; float:left; overflow:hidden; } .floor .wrap{ overflow:hidden; width:1200px; margin-top:15px;} .floor .left img{ width: 100%; height:100%; } .floor .right{ width: 990px; height:475px; float:right;} /*===首页频道 结束===*/ /*===产品模型 开始===*/ #product_floor_main{ width: 1200px; margin: auto;} #product_floor{ margin-bottom:8px; border:1px solid #eee;border-top:0; } #product_floor .right_body{ border:0; padding:0;border-top:0;} #product_read_floor .col1{ width: 350px; height:100%; overflow: hidden; float:left; border-right: 0px solid #ddd; } #product_read_floor .col1 .InfoPicture{ /*height:350px;*/width:350px;} #product_read_floor .col1 .InfoAlbum{ padding:5px 0; border-top: 0px solid #ddd; overflow:hidden; clear:both;} #product_read_floor { border: 1px solid #ddd; width:1198px; margin-bottom:8px;} #product_read_floor .col2{ width: 815px; height:100%; overflow: hidden; float:right; padding:0 11px;} #product_read_floor .col2 h1{ font-size:16px; font-weight:bold; color:#146307; margin-bottom:10px;} #product_read_floor .col2 .InfoSContent{ font-family: arial,"microsoft yahei"; color: #e3393c;font-size: 14px; line-height: 20px;word-break: break-all;} #product_read_floor .col2 .InfoPrice{ padding: 0; font-size:18px; font-weight:bold; float:left;} #product_read_floor .col2 .f2{ font-size:12px;} #product_read_floor .col2 .row{ clear:both; margin:12px 0; overflow:hidden;} #product_read_floor .col2 .FriendTip{ clear:both; margin:15px 0; overflow:hidden; font-family:simsun; font-size:12px; color:#666;} #product_read_floor .col2 b{ display:block; font-weight:normal; font-size:12px;font-family:Arial,Verdana; float:left; width:60px; padding:3px 0;} #product_read_floor .col2 i{width: 26px;height: 26px; float: left; color: #ccc;} #product_read_floor .col2 .increase{ background:url(../images/increase.png) #e9e9e9 center center no-repeat; cursor: pointer; } #product_read_floor .col2 .num {width: 50px;height: 24px; border: 1px solid #e9e9e9; float:left; line-height: 24px;text-align: center;padding:0; margin:0; outline: none;} #product_read_floor .col2 .decrease{ background: url(../images/decrease.png) #e9e9e9 center center no-repeat; cursor: pointer; } /*产品规格*/ #product_read_floor .col2 .TypeAttribute{ } #product_read_floor .col2 .TypeAttribute .row{ line-height:26px;width:700px; } #product_read_floor .col2 .TypeAttribute .Attributue{padding:3px 8px; border:1px solid #ccc; margin-right:8px; font-size:12px; cursor:pointer;} #product_read_floor .col2 .TypeAttribute .Attributue:hover{border-color:#ca141d;} #product_read_floor .col2 .TypeAttribute .current{ border:1px #ca141d solid;background:url(../images/selected.png) bottom right no-repeat;} .AttributeValue{/*background:#eee;*/display:inline-block;padding:1px 6px;margin:5px;border:1px #eee solid;font-size:12px;} #product_read_floor_1_main{ } #product_read_floor_1{ width:1200px; overflow:hidden; margin:0 auto;} #product_read_floor_1_1{ width:200px; overflow:hidden; float:left;} #product_read_floor_1_2{ width:970px; overflow:hidden; float:right;margin-left:20px;} #product_read_floor_1_2 .right_body{ border-top: 1px solid #e4e4e4;} #product_read_floor_2_main{ background:#fff; overflow:hidden; margin-bottom:8px;} #product_read_floor_2{ width:1198px; overflow:hidden; margin:0 auto; border: 1px solid #ddd; border-top: 2px solid #ff3228;} /*===产品模型 结束===*/ /*===招聘频道 开始===*/ .job{ } .joblist { } .joblist li {overflow: hidden;} table.job_table { margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;} table.job_table td{ padding:8px 5px; border:1px solid #DADBD6;} table.job_table .Requirement{ text-align:left; padding:8px 5px; line-height:1.5em;} table.job_table th{color:#333; font-weight:bold; text-align:center; border:1px solid #DADBD6;} table.job_table .t1 { font-weight:bold;padding:5px 0;width:20%;} table.job_table .t2 { text-align:left;width:25%;} table.job_table .t3 {font-weight:bold;width:25%;} table.job_table .t4 {text-align:left;width:25%;} table.job_table .operation{text-align:center; margin:0 auto;} /*应聘*/ table.resume_table { margin:3px; text-align:center; width:97%; border-collapse:collapse;} table.resume_table th{ font-weight:bold; text-align:left; width:100px;} table.resume_table td{text-align:left; } table.resume_table .operation{text-align:center; } table.resume_table #Detail{ height:200px;} /*===招聘频道 结束===*/ /*===留言频道 开始===*/ .guestbook{ } .guestbooklist{} .guestbooklist li{ padding:10px; border-bottom:1px solid #e4e4e4; margin-bottom:10px; } .guestbooklist li .MessageTitle { color:#333; line-height:1.5em; font-weight:bold;} .guestbooklist li .MessageTitle b{ font-weight:normal; color:#900;} .guestbooklist li .MessageContent { padding:5px; margin-bottom:10px; } table.guestbook_table{ width:98%; } table.guestbook_table th{ width:100px; text-align:left} table.guestbook_table td{ text-align:left} table.guestbook_table .operation{ text-align:center } /*管理员回复*/ .answer_wrap{ padding:5px; border-top:1px dashed #CCC; line-height:1.5em} .answer_title{} .answer_body {} .Administrator { text-align:right; } .Reply { text-align:right; } .AnswerTime{ color:#999 } /*留言表单*/ .message_title{ height:40px; padding-left:35px; line-height:40px; font-size:16px; color:#01673A; font-weight:bold;} .message_body{ padding-left: 10px; padding-right: 10px; color:#626262; } .message_bottom{} /*===留言频道 结束===*/ /*===反馈频道 开始===*/ .feedback{ } table.feedback_table{ width:99%; text-align:center; margin:0 auto;} table.feedback_table th{ width:100px; text-align:left; font-weight:bold;} table.feedback_table td{ text-align:left;} table.feedback_table .operation{text-align:center} /*===反馈频道 结束===*/ /*==========@@频道布局 结束@@==========*/ /*==========@@公共板块 开始@@==========*/ /* 顶部 */ #top_main { background: rgb(255, 255, 255); border-bottom: 1px solid #ffffff;} #top { height:32px; line-height:32px; text-align:right;} #top_1 { float:left; text-align:left;} #top_2 { float:right; text-align:right; } #top .MobileEdition{ font-weight: normal; color:red;} #top a { color: #c72823; } #top a:hover { color:#000; text-decoration:none} /*首页顶部广告位 */ #topad_main {overflow:hidden;} #topad {overflow:hidden; padding:0;} #topad a{ overflow:hidden; display:block;} #topad a img{ width:100%;} /*Logo*/ #logo{width:1300px; margin:0 auto; overflow:hidden; border:0px dashed red;} #logo p{ float: right; margin-top: 50px; border: 1px #136406 solid; padding: 10px; color: #136406; font-size: 1.2em;} #logo_main { background:#fff;margin-top:-1px;} #logo {overflow:hidden; padding:0;} #logo .WebLogo{ float:left; } #logo .WebLogo img{width: 80%;} #logo #logo_1{ float:right; /*width:545px;*/ height:100%; margin-top: 36px;margin-right: 80px; } #logo #logo_2{ float:right; width: 250px; height:100%; } #logo_2 .mycart { width: 75px;height: 34px; border: 1px solid #DFDFDF;padding: 0 28px 0 36px;background: #F9F9F9; text-align: center; line-height: 34px; position: relative; margin-top: 15px; float:right; } #logo_2 .mycart i {display: block;position: absolute;overflow: hidden;} #logo_2 .mycart .left{ top: 10px; left: 16px; width: 18px; height: 16px; background:url(../images/mycart.png) no-repeat;} #logo_2 .mycart .right{ top: 11px;right: 10px;width: 7px; height: 13px; overflow: hidden;font: 400 13px/13px simsun; color: #999;} #logo_2 .mycart .TotalItemCount{ position: absolute;top: -4px;left: 104px; display: inline-block; padding: 1px 2px; width:12px; height:12px; font-size: 12px;line-height: 12px; color: #fff;background: #DD2727;border-radius: 7px 7px 7px 0;min-width: 12px; text-align: center;} #logo .Language{width:500px;float:right; padding:10px;} #logo .Language .MobileEdition{ font-weight: bold; color:red;} #logo .Member { width:500px; height:35px; line-height:35px; float:right; text-align:right;font-weight:bold; } #logo .Member .MemberName, #logo_main .Member .MemberGroupName{color:#F30} /*导航*/ #navigation_main { background:#DD2727; border-bottom: 0px solid #DD2727; } #navigation { line-height:36px;color:#000; height: 60px;background:rgb(2, 138, 54);} .navigationlist{ width: 1200px;text-align: center; margin: 0 auto;} #navigation ul.navigationlist li { float:left; line-height:60px; text-align:center;} #navigation ul.navigationlist li:hover {} #navigation ul.navigationlist li.first{ color:#fff; cursor:pointer; text-align:left; width:94px;} #navigation ul.navigationlist li a { display:block; padding:0px 26px; font-size:18px;color:#fff; text-align:center;float: left;} #navigation ul.navigationlist li a:hover {color:#146307;background: #72ae58;} #navigation ul.navigationlist .current { color:#146307;background: #72ae58;} /*导航栏下拉*/ #navigation ul.subnavigationlist{ display:none; position:absolute; background:#017834; z-index:100} #navigation ul.subnavigationlist li { float:none; padding:0px; line-height:28px; display:inline;} #navigation ul.subnavigationlist li a { display:block; white-space:nowrap; font-weight:normal; color:#FFF; font-size:14px; padding:0px 20px; text-align:left} #navigation ul.subnavigationlist li a:hover { color:#146307;border-bottom:2px #ffc107 solid;} /*商品分类*/ #navigation #classlist{ display:none; } #navigation ul.navigationlist li .AllGoodsClassification{ text-align: center; background:url(../images/class.png) 25px center no-repeat; width:210px;} #navigation ul.navigationlist li .classlist { text-align:left; position:absolute; width:210px; height:460px; z-index:1000; background:#2e2e2e; display:none; margin-top:0px; } #navigation ul.navigationlist li .classlist li { line-height:26px; padding:2px 8px; cursor:pointer; float:none; text-align:left; border:0; } #navigation ul.navigationlist li .classlist li h3{ color:#fff; } #navigation ul.navigationlist li .classlist li h3 a{ font-size:14px; font-weight:bold; color:#fff; } #navigation ul.navigationlist li .classlist li i { float:right;font:9px/2em consolas; } #navigation ul.navigationlist li .classlist li a { padding:5px 4px; color:#f0f0f0; font-size:12px; display:inline;} #navigation ul.navigationlist li .classlist li a:hover { color:#fff; } #navigation ul.navigationlist li .classlist li p{ text-indent:0;} #navigation ul.navigationlist li .classlist li p a:hover{ color: #DD2727;} #navigation ul.navigationlist li .classlist li.on { background:#fff; border:0;} #navigation ul.navigationlist li .classlist li.on a{ color:#000;} /*分类子菜单*/ #navigation ul.navigationlist li .classlist .subclass {display: none; position: absolute; left: 210px; top: 0; height:460px; width: 990px; padding: 0; color: #333; z-index:-1; background:#fff; } #navigation ul.navigationlist li .classlist .subclass .ChannelPicture{ position: absolute; top:0; right:0; height:458px; width:205px; overflow:hidden;} #navigation ul.navigationlist li .classlist .subclass .ChannelPicture img{ width:100%; height:100%;} #navigation ul.navigationlist li .classlist .subclass dl { line-height:2em; overflow:hidden; clear:both;} #navigation ul.navigationlist li .classlist .subclass dl a { padding:3px 5px; color:#666; font-size:12px;} #navigation ul.navigationlist li .classlist .subclass dl a:hover { color:#DD2727;} #navigation ul.navigationlist li .classlist .subclass dl dt{ font-weight:bold; width: 88px; text-align:left; float:left; text-indent:10px; color:#DD2727;} #navigation ul.navigationlist li .classlist .subclass dl dt a{ color:#DD2727; } #navigation ul.navigationlist li .classlist .subclass dl dd{ font-weight:normal; width: 678px; float:left; padding:3px 8px; padding-bottom:5px; margin:0; border-bottom:1px dotted #d5d5d5; line-height:1.5em; white-space:nowrap; } #navigation ul.navigationlist li .classlist .subclass dl dd a { border-left: 1px solid #e0e0e0; padding: 1px 8px; margin-bottom:8px; float:left; } /*公告*/ #announcement { margin-top:5px; height:35px; line-height:35px;background-color:#f0f0f0; color:#0B3B7D;} #announcement .announcement_title{ float:left;font-weight:bold; text-indent:35px; background:url(../images/announcement_title.gif) no-repeat 8px center; width:150px;} #announcement .announcement_body{float:left; width:750px;} #announcement .announcement_bottom{float:right; width:100px; } .announcementlist{ } .announcementlist li { line-height:35px; } /*幻灯片*/ #banner_main { border:0px solid blue; overflow:hidden;width: 1200px; margin: 0 auto;} #banner { margin:0 auto; overflow:hidden; width:100%;} #banner_1{width:210px; height:460px; float:left; background:#2e2e2e; position:relative;} #banner_2{ width:100%; float:left; margin: 0; _margin-left:4px; /*解决ie6右侧文字重复*/} #banner_2 img{ width: 100%; height:750px;} #banner_3{ width:240px; height:460px; float:right; overflow:hidden; } /*幻灯片分类*/ .bannerlist{} .bannerlist li{ text-align:center; border:0px dashed red; overflow:hidden; display:block;} .bannerlist li img{ margin:0 auto; display:block; } #banner_main .hd{ width:100%; position:relative; bottom:35px; left:0; height:5px; line-height:5px; text-align:center; border:0px solid red; } #banner_main .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:20px; text-align:center; background:#646464; margin-right:15px; overflow:hidden; font:12px/20px Arial; color:#fff; border-radius: 10px;} #banner_main .hd ul li.on{ background:#5A8D1D;} /*当前位置*/ #location_main { margin:175px 0; visibility:hidden;} #location {color:#666; } #location a {color:#666;} #location a:hover {color:#000;} /*文章相关信息*/ .info_from_wrap{ padding:0 10px; text-align:center; color:#999; border:0px dashed #ccc; line-height:30px; margin-bottom:5px;} .info_from_wrap a { color:#999; } .info_from_wrap a:hover { color:#555; } /*标签*/ .Tag{ text-align: left; font-weight:bold; } .Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;} #ReadLevelTip{ font-weight:bold; color:red;} /*上一文章、下一文章*/ .info_previous_next_wrap{ background:#F0F0F0; padding:5px; border:1px solid #E3E3E3; color:#333; line-height:1.8em} .info_previous_next_wrap .Next a{ } .info_previous_next_wrap .Previous a{ } /*电梯*/ #elevator{ position:absolute; left:30px; top:80px; overflow:hidden; display:none;} .elevatorlist li .floorid, .elevatorlist li.current .floorname, .elevatorlist li a:hover .floorname{ display: block; } .elevatorlist li .floorname, .elevatorlist li.current .floorid, .elevatorlist li a:hover .floorid{ display: none; } .elevatorlist li a{ font-size:14px; display:block; color:#625351; text-align:center; width:38px; height:30px; line-height:30px; border-bottom:0px solid #C4C4C4; margin:0; font-family: Arial; background:#f6f6f6;} .elevatorlist li a:hover, .elevatorlist li.current a{ color:#fff;} .elevatorlist li a.n1:hover, .elevatorlist li.current a.n1{ background:#93d46f;} .elevatorlist li a.n2:hover, .elevatorlist li.current a.n2{ background:#f59f70;} .elevatorlist li a.n3:hover, .elevatorlist li.current a.n3{ background:#8eaff2;} .elevatorlist li a.n4:hover, .elevatorlist li.current a.n4{ background:#fca230;} .elevatorlist li a.n5:hover, .elevatorlist li.current a.n5{ background:#ba99ed;} .elevatorlist li a.n6:hover, .elevatorlist li.current a.n6{ background:#fb98a9;} .elevatorlist li a.n7:hover, .elevatorlist li.current a.n7{ background:#ff857f;} .elevatorlist li a.n8:hover, .elevatorlist li.current a.n8{ background:#ee9fcf;} .elevatorlist li a.n9:hover, .elevatorlist li.current a.n9{ background:#f5b600;} .elevatorlist li a.n10:hover, .elevatorlist li.current a.n10{ background:#b6c619;} /*子频道列表*/ .subchannellist {justify-content:center;} .subchannellist li { line-height:32px; padding:1px; background:#eee} .subchannellist li a { display:block; padding:8px 20px; color:#000;font-size:8px;border-bottom:3px solid #fff;} .subchannellist li a:hover { color:#5A8D1D; text-decoration:none;border-bottom:3px solid #5A8D1D; } .subchannellist #current a { font-weight:bold; color:#ddd; border-bottom:3px solid #5A8D1D;} .subchannellist .depth1{ font-size:12px; font-weight:bold;float:left;margin:7px 10px;} .subchannellist .depth2{ font-size:12px; text-indent:1.5em;} .subchannellist .depth3{ font-size:12px; text-indent:3em} .subchannellist .depth4{ font-size:12px; text-indent:4.5em} .subchannellist .depth5{ font-size:12px; text-indent:6em} .subchannellist .depth6{ font-size:12px; text-indent:7.5em} /*筛选条件*/ #condition{ border: 0px solid #ddd; /*width:1200px;*/ overflow:hidden;background:#fff;} #condition .row{ display:block; overflow: hidden; zoom:1;border-bottom:1px solid #ddd; padding:8px 0; line-height:22px;border-left:1px solid #ddd;border-right:1px solid #ddd;} #condition .left{ width: 98px; color: #cf010e;float: left; text-indent:10px; font-size:12px;} #condition .right{ width: 1100px; background: #fff; float: left; text-indent:10px;} /*已选择条件*/ .selectedlist { text-align:center; text-indent:0;} .selectedlist li { float:left; } .selectedlist li a { display:block; position:relative; border: 1px solid #DDD; font-size:12px; height:22px; line-height:22px; margin-right:8px; float:left; padding:0 25px 0 0;} .selectedlist li a b{ font-weight:normal; margin-right:5px; margin-left:5px;} .selectedlist li a em{ color:#cf010e; font-style:normal; margin-right:5px;} .selectedlist li a:hover { border: 1px solid #cf010e; } .selectedlist li a i{ background:url(../images/xred.png) #fff no-repeat center center; display:block; position:absolute; top:0; right:0; width:25px; height:22px; cursor:pointer;} .selectedlist li a:hover i{ background:url(../images/xwhite.png) #cf010e no-repeat center center; } .selectedlist li.operator a{ color:#000; border:0;} .selectedlist li.operator a:hover{ color:#cf010e; border:0;} /*类型列表*/ .typelist { text-align:left; text-indent:0; overflow:hidden;} .typelist li { float:left;} .typelist li a { background:#FFF; padding:3px 5px; margin-right:10px; color:#666; font-size:12px;} .typelist li a:hover { background:#5A8D1D; color:#FFF;text-decoration:none; background:#fff;color:#cf010e;} /*品牌列表*/ .brandlist { text-align:left; text-indent:0; overflow:hidden;} .brandlist li { overflow:hidden; float:left; margin-right:8px; margin-top:3px; line-height:0;} .brandlist li img { border:1px solid #ddd; width:100px; height:40px; } .brandlist li a:hover img{ border:1px solid #cf010e; } /*属性列表*/ .typeattributelist { text-align:left; text-indent:0; overflow:hidden} .typeattributelist li { overflow:hidden; float:left; } .typeattributelist li a { background:#FFF; padding:3px 5px; margin-right:10px; color:#666; font-size:12px; } .typeattributelist li a:hover { background:#cf010e; color:#fff; text-decoration:none; _background:#fff;_color:#cf010e;} /*价格列表*/ .pricerangelist { text-align:left; text-indent:0; overflow:hidden} .pricerangelist li { overflow:hidden; float:left; } .pricerangelist li a { background:#FFF; padding:3px 5px; margin-right:10px; color:#666; font-size:12px; } .pricerangelist li a:hover { background:#DD2727; color:#fff; text-decoration:none; _background:#fff;_color:#cf010e;} /*侧边栏*/ #sidebar_main{ width:35px; height:100%; position:fixed; top:0; right:-35px; z-index:99999; background: #000; box-shadow:1px 2px 5px #999; _position:absolute; _top: expression((document.documentElement.scrollTop)); _right:0; _height:expression((document.documentElement.clientHeight));} #sidebar{ width:35px; color:#fff; height:100%;} #sidebar #sidebar_1{ position:absolute; top: 0;} #sidebar #sidebar_2{ position:absolute; top: 30%;} #sidebar #sidebar_3{ position:absolute; bottom: 0; } #sidebar a{ color:#fff; display:block; width:35px; padding: 0; cursor:pointer;} #sidebar a:hover{ background-color:#DD2727;} #sidebar a.cart i{ background:url(../images/sidebar_cart_red.png) no-repeat; display:block; width:100%; height:35px;} #sidebar a.cart:hover i{ background:url(../images/sidebar_cart_white.png) no-repeat; } #sidebar a.cart .MyShoppingCart{ padding: 0 10px 3px 10px;} #sidebar a.cart .TotalItemCount{ text-align:center;} #sidebar a.cart:hover .TotalItemCount{ color:#fff;} /*浮动提示*/ #sidebar p{ display:none; position:absolute; right:60px;font-size: 12px; text-align: center; margin:0;} #sidebar .message p{ width:80px; height:35px; line-height:35px; background:#494949; bottom: 70px;} #sidebar .qrcode p{ width:115px; height:132px; bottom: 1px; background:#fff; padding:3px; border:1px solid #ddd;} #sidebar .qrcode p .WxLogo{ width:100%; cursor:default;} #sidebar .qrcode p .WxName{ color:#000; padding:3px 0; text-align:center; overflow:hidden; cursor:default;} #sidebar .gotop p{ width:80px; height:35px; line-height:35px; background:#494949; bottom: 0; } #sidebar p i{ position: absolute; width: 16px;height: 16px;line-height: 16px;text-align: center; font-size: 16px; top: 10px; right: -8px; color: #494949;} /*搜索 */ table.search_table{ width:100%; text-align:center;} table.search_table th{ vertical-align:middle; text-align:right; padding:0px;} table.search_table td{ vertical-align:middle; text-align:right; width:90px; padding:0px;} .search{ height: 36px;} input.btn-search{ float: left;width: 82px; height: 48px;background:#72ae58;border: 0;line-height: 1;color: #fff; font-size: 16px;cursor: pointer; margin:0; } input.btn-keywords{ float: left; width: 240px; height: 36px; line-height: 36px;color: #666; padding: 4px; margin:0; border-width: 2px 0 2px 2px; border-color:none; border-style: solid;outline: 0; margin-bottom: 4px; } /*联系我们*/ .contact_wrap{ line-height:1.8em; } .contact_wrap b{ font-weight:bold;} .contact_wrap .WebUrl{ color:#F00 } .contact_title{ height:35px; line-height:35px; border: solid 1px #e4e4e4; background:#F5F5F5;} .contact_title h2 { text-indent:1em; font-size:14px; color:#000; } .contact_body { overflow:hidden; zoom:1; color:#000; padding:5px; border: solid 1px #e4e4e4; border-top:0; } .contact_bottom { height:10px; } /*订购*/ .order{margin:0px auto} .order .WantOrder h1{ border-bottom:1px dotted #999999; padding: 5px 0px;} .order .f1{ float:right; color:red;} table.order_table{ width:98%; } table.order_table th{ width:100px; text-align:left;} table.order_table td{text-align:left} table.order_table .operation{ text-align:center} /* 友情链接 */ #link_main { background:url(../images/foot_2.jpg); } #link { padding:0; } .link_title { line-height:69px; height:69px; color:#fff; } .link_title h2 { font-size:20px; color:#fff; font-weight: normal; text-indent:40px;} .link_body { color:#000; border-top:0px; border-bottom:0px; } .link_bottom{} .link_pic { overflow:auto; zoom:1; } .link_pic ul li { float:left; padding:1px 5px; text-align:center; width:112px;} .link_pic img { width:86px; height:30px; padding:2px; border:1px solid #CCC; } .link_pic ul li a:hover img { border:1px solid #6C9ACC; } .link_text { overflow: hidden; zoom:1; padding:8px 0 0 0; } .link_text ul li { float:left; text-align:center; padding:1px 15px; overflow:hidden;white-space:nowrap;} .link_text a { line-height:22px; color:#b7b7b7; } .link_text a:hover { line-height:22px; color:#fff; } /* 服务保障 */ #ensure_main { background:#fff; border-bottom: 1px solid #ebebeb; border-top: 1px solid #D1D7DC;} #ensure { text-align:center;} #ensure img{ padding:10px 25px;} /* 帮助信息 */ #help_main { background:#fff; } #help { text-align:left; background:url(../images/cat.jpg) left bottom no-repeat; padding-bottom:25px;} #help dl{ margin:5px 0px; width:200px; float:left;} #help dl dt{ font-size:16px; padding:6px 0;} #help dl dt.last{ text-align:center; } #help dl dt .WxName{ font-size:12px; } #help dl dt img{ width: 120px; height:120px; margin-bottom:5px;} #help dl dd{ margin:0; padding:0;} #help dl dd a{ display: block; padding:3px 0; font: 12px/150% Arial,Verdana;} /* 版权信息 */ #copyright_main { color:#000; /*background:url(/Upload/1568885618.png) left bottom no-repeat; */padding:10px 0;background:#fff;} #copyright { line-height:2em; font: 12px/150% Arial,Verdana;} #copyright .bottom_navigation{text-align: left;padding: 5px 0px; } #copyright .line{ padding:0px 8px;} #copyright a {color: #000; text-decoration: none; font: 12px/150% Arial,Verdana;} #copyright a:hover {color: #fff; text-decoration: none;} #copyright .bottom_info{ text-align:left;padding-top:5px; padding-right:10px; line-height:20px; } #copyright .TechnicalSupport{ text-align:left;} #copyright .Authentication{ text-align:left;} #copyright .Authentication img{padding:8px 5px; } .foot_right img{ width: 120px; margin-bottom:5px;} .foot_left{} /*分页样式*/ .page { padding:4px 0px 0px 1px; float:right; clear:both;} .page a, .page span { float:left; display:block; padding:2px 6px; margin-left:4px; line-height:22px; } .page a:link, .page a:visited { text-decoration:none; } .page a:hover { background:#CC0001; color:#FFF; } .page .current{ background:#CC0001; color:#FFF;} .page #total{color:red} /*会员登录*/ table.login_table{ width:90%; text-align:center; margin:5px auto;} table.login_table th{ width:100px; text-align:left; font-weight:bold; white-space:nowrap;} table.login_table td{ text-align:left; width:200px;} table.login_table .operation{text-align:left} table.login_table .quick_login td{text-align:left; padding:10px 0;} table.login_table .quick_login td img{ margin-right:8px; float:left;} /*会员注册*/ table.reg_table{ width:90%; text-align:center; margin:5px auto;} table.reg_table th{ width:120px; text-align:left; font-weight:bold; white-space:nowrap;} table.reg_table td{ text-align:left; } table.reg_table .MemberCode{ text-align:left; width:70px;} table.reg_table .operation{ text-align:left;} table.reg_table #SmsCode{width:50px;} /*忘记密码 第一步*/ table.forget_table1{ width:90%; text-align:center; margin:5px auto;} table.forget_table1 th{ width:120px; text-align:left; font-weight:bold; white-space:nowrap;} table.forget_table1 td{ text-align:left; } table.forget_table1 .operation{text-align:left} /*忘记密码 第二步*/ table.forget_table2{ width:90%; text-align:center; margin:5px auto;} table.forget_table2 th{ width:120px; text-align:left; font-weight:bold; white-space:nowrap;} table.forget_table2 td{ text-align:left; } table.forget_table2 .operation{text-align:left} table.forget_table2 #SmsCode{ width:60px;} table.forget_table2 .PasswordQuestion, table.forget_table2 .MemberMobile, table.forget_table2 .FindPwdWay{ padding:3px 0;} /*第三方账号登录*/ .oauth{} .oauth_title{ overflow:hidden; padding-left:15em; font-size:16px; position:relative; margin-bottom:-1px; z-index:1;} .oauth_title .create_user, .oauth_title .bind_user{ float:left; padding:10px 20px; cursor:pointer; margin-right:10px; background:#f0f0f0; border:1px solid #e0e0e0; } .oauth_title .current{ background:#fff; border-bottom:1px solid #fff;} .oauth_body{ overflow:hidden; border-top: 1px solid #f0f0f0; position:relative; padding:10px 0;} table.oauth_table{ width:350px; text-align:center; margin:5px auto;} table.oauth_table th, table.oauth_table td{ padding:3px 0;} table.oauth_table th{ width:100px; text-align:left; } table.oauth_table td{ text-align:left; width:200px;} table.oauth_table .operation{text-align:center} /*网站地图列表*/ .maplist{ } .maplist li { padding:1px; } .maplist li a { background:#d1e8fc; line-height:25px; display:block; padding:0 20px; border:0px solid #A6CC93; } .maplist li a:hover { text-decoration:none; background:#FFF; } .maplist .depth1{font-weight:bold;text-indent:0px; font-weight:bold} .maplist .depth2{text-indent:2em} .maplist .depth3{text-indent:4em} .maplist .depth4{text-indent:6em} .maplist .depth5{text-indent:8em} .maplist .depth6{text-indent:10em} /*商品所有分类页标题*/ .all_title{ height:35px; line-height:35px; border: solid 1px #efefef; background:#fafafa;} .all_title h2 { text-indent:1em; color:#000; } .all_title h2 a{ border-left:3px solid #ff2832; padding-left:8px; font-size:15px; font-weight:bold;} .all_body { overflow:hidden; zoom:1; color:#000; padding:8px 5px; border: solid 1px #efefef; border-top:0} .all_body .brand{ overflow:hidden; zoom:1; margin-bottom:10px;} .all_body .brand a{ display:block; width:10%; float:left; text-align:center; margin-bottom:5px;} .all_body .brand a img{ width:90%; border: 1px solid #efefef;} .all_body dl, .all_body dt, .all_body dd{ padding:0; margin:0; overflow:hidden; zoom:1; } .all_body dl{ margin:8px 0; clear:both;} .all_body dt{ float:left; width:120px; text-align:center; } .all_body dd{ float:left; width:1050px; } .all_body dt a{ color:#000; font:12px/150% Arial,Verdana; font-weight:bold;} .all_body dd a{ padding-right: 22px; font:12px/160% Arial,Verdana; text-align:left; } .all_bottom { height:12px; } /*===商品评论 开始===*/ /*评论结果：好评率*/ .GoodsComment{} .GoodsCommentResult{ border-bottom:1px solid #e4e4e4; overflow:hidden; height:100px; padding:8px 0;} .GoodsCommentResult .GoodRate{ width:180px;height:100%; float:left; border-right:0px solid #e4e4e4; overflow:hidden;} .GoodsCommentResult .GoodRate .GoodRatue{ color:#e01d20; text-align:center; } .GoodsCommentResult .GoodRate .GoodRatue b{ font-size: 53px; } .GoodsCommentResult .GoodRate .GoodRatue .PercentSign{font-family: Arial,Helvetica,sans-serif;font-size: 33px;} .GoodsCommentResult .GoodRate .GoodRateText{ text-align:center; height:25px;} /*评论结果：好评、中评、差评*/ .GoodsCommentResult .StatResult{ width:150px;height:100%; float:left; border-right:0px solid #e4e4e4; } .GoodsCommentResult .StatResult dl{ margin:0;} .GoodsCommentResult .StatResult dt{ font-size:12px;} .GoodsCommentResult .StatResult dt em{ font-style:normal; color:#999; padding:0 5px;} .GoodsCommentResult .StatResult dd{ margin:0; background:#ddd; height:6px;} .GoodsCommentResult .StatResult dd div{ background:#e01d20; height:6px; width:0;} .GoodsCommentResult .Tip{ width:600px; height:100%; float:right;} /*评论选项卡*/ .GoodsCommentTab{overflow:hidden; border-bottom:1px solid #e4e4e4; } .GoodsCommentTab li{ float:left; padding:0 12px; overflow:hidden; height:42px; line-height:42px; } .GoodsCommentTab li.current{border-bottom:1px solid #e01d20; } .GoodsCommentTab li a{ color:#666; } .GoodsCommentTab li a i{ font-style:normal;} .GoodsCommentTab li a:hover, .GoodsCommentTab li.current a{ color:#e01d20; } /*评论列表*/ .GoodsCommentContent{} .goodscommentlist{ font-size: 12px; font-family: Arial,Verdana; overflow:hidden; } .goodscommentlist li{ overflow:hidden; border-bottom:1px solid #e4e4e4; padding:10px 0; } .goodscommentlist li .MemberAvatar{ float:left; width:120px; text-align:center;} .goodscommentlist li .MemberAvatar img{ border: 1px solid #dedede;vertical-align: top; width: 70px; height: 70px;} .goodscommentlist li .GuestName{ padding:5px 0;} .goodscommentlist li .CommentContent{ float:left; width:710px; display:block; line-height:1.6em;} .goodscommentlist li .CommentTime{float:right; color:#999; width:140px; text-align:center; padding-top:15px;} .goodscommentlist li .CommentTime b{ font-weight:normal; color:#e01d20; display:block; padding:5px 0;} /*评论回复*/ .GoodsCommentReply{ color: #F90; line-height:1.8em; background: #f5f5f5; padding: 5px 8px; margin:8px 10px;} .GoodsCommentReply .replycommentlist li{ border-bottom:1px solid #ddd; padding:5px 0;} .GoodsCommentReply .replycommentlist li .GuestName{ display:inline; } .GoodsCommentReply .replycommentlist li .CommentContent{ display:inline; float:none;} .GoodsCommentReply .replycommentlist li .CommentTime { float: none;color: #999; text-align: center; margin:0 1px;} /*评论分页*/ .GoodsCommentPage{ overflow:hidden; float:right; padding:10px 0; } .GoodsCommentPage li{ float:left; border-radius: 2px; background: #f7f7f7; padding: 4px 1em;border: 1px solid #ddd; margin-left: 3px; vertical-align: middle; cursor:pointer;} .GoodsCommentPage li a{ color: #333; } .GoodsCommentPage li a:hover{ color: #e33b3d; } .GoodsCommentPage li.active{ border: 0;cursor: default; background: none;} .GoodsCommentPage li.active a{ color: #e33b3d; font-weight: bold; cursor: default; } .GoodsCommentPage li.disabled{ cursor:not-allowed; } .GoodsCommentPage li.disabled a{ color: #999;cursor:not-allowed;} /*评论表单*/ .GoodsCommentForm{ margin-top:15px; overflow:hidden; clear:both;} table.goods_comment_table{ width:99%; text-align:center; margin:0 auto; border-spacing:0; font-size: 12px; } table.goods_comment_table th{ width:80px; text-align:left; white-space:nowrap; font-weight:normal; } table.goods_comment_table td{ text-align:left; padding:3px 0;} table.goods_comment_table .operation{text-align:left;} table.goods_comment_table #CommentContent{ height:70px; border: 1px solid #e0e0e0;} table.goods_comment_table label{ float:left; margin-right:30px;} table.goods_comment_table label .form_radio{ float:left; } /*===商品评论 结束===*/ /*==========@@公共板块 结束@@==========*/ /*==========@@通用列表 开始@@==========*/ /*文字列表*/ .textlist{ } .textlist li { line-height:28px; height:28px;text-indent:8px; background:url(../images/textlist.gif) no-repeat 0 center; overflow:hidden;width:100%;/*解决ie6bug*/ } .textlist1{ } .textlist1 li { line-height:28px; height:28px;text-indent:8px; background:url(../images/textlist.gif) no-repeat 3px center; overflow:hidden;width:100%;/*解决ie6bug*/ text-overflow:ellipsis; white-space:nowrap; clear:both;} .textlist1 li.first{ background:none; height:195px; text-indent:0; line-height:0; font-size:0;} .textlist1 li img{ width:100%; height:100%; display:block;} /*带缩略图文字列表*/ .thumblist{} .thumblist li { height:200px; } .thumblist li a{ float:left; overflow:hidden; } .info_wrap{ margin-left:300px; } .info_wrap p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin:30px 0px; color:#999; } .articleTitleImgSize{ width:280px; height:180px; } .Bbottom{ height: 1px; background: #eee; display: block;margin:20px 0; } /*橱窗列表*/ .gridlist{ margin-top:5px; justify-content:space-between;flex-wrap:wrap;display:flex;} .gridlist li { float:left; /*width:19%;*/width:24%;overflow:hidden; border:4px solid #fff; margin-bottom:10px; padding:5px 0; position:relative;/*height:215px;*/} .gridlist li:hover{ border:4px solid #bc0000; } .gridlist li img { width:90%; display:block; margin:0 auto;} .gridlist li .InfoTitle{ display:block;width:90%; height: 48px; overflow:hidden; text-align:left; line-height:30px; font: 12px/150% Arial,Verdana; margin:0 auto;} .gridlist li .InfoPrice{width:90%; margin:0 auto;} .gridlist li .operator{width:90%; margin:5px auto;overflow:hidden;} .gridlist li .num {width: 28px;height: 26px; border: 1px solid #dbdbdb; border-radius: 3px;line-height: 26px;text-align: center; margin-right: 2px; float: left; padding:0; margin:0; margin-right:2px;} .gridlist li .edit {width: 16px; height: 28px; border-radius: 3px; float: left;overflow: hidden;background: url(../images/num.png) no-repeat 0 center;} .gridlist li .edit a {display: block;width: 16px;height: 14px;} .gridlist li .LabelName{ position:absolute; right:2px; top:2px; background:url(../images/label.png) no-repeat; height:51px; width:20px; color:#fff; text-align:center; line-height: 1.1em; } /*橱窗列表1*/ .gridlist1{ } .gridlist1 li { overflow:hidden; border-bottom: 1px solid #e4e4e4; margin-bottom:5px; padding:5px 0;} .gridlist1 li img { width:90%; display:block; margin:0 auto; border:1px solid #fff;} .gridlist1 li img:hover{ border:1px solid #e9e9e9; -webkit-box-shadow: 0 0 2px 2px #f8f8f8;-moz-box-shadow: 0 0 2px 2px #f8f8f8;box-shadow: 0 0 2px 2px #f8f8f8;} .gridlist1 li .InfoTitle{ display:block;width:90%; overflow:hidden; text-align:left; line-height:30px; font: 12px/150% Arial,Verdana; margin:0 auto;} .gridlist1 li .InfoPrice{width:90%; margin:0 auto;} /*橱窗列表2*/ .gridlist2{ overflow:hidden; border-right: 1px solid #ededed; border-top: 1px solid #ededed;} .gridlist2 li { float:left; width:246px; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/;text-overflow:ellipsis; border-bottom: 1px solid #ededed; border-left: 1px solid #ededed; } .gridlist2 li.first{ width:492px; height:236px; position: relative;} .gridlist2 li img { height:160px; width:160px; margin:5px;} .gridlist2 li .InfoTitle {display:block; width: 210px; height: 38px; overflow:hidden; text-align:left; text-overflow:ellipsis; padding:0; margin:0 auto; font:12px/150% Arial,Verdana; } .gridlist2 li .InfoPrice{ width: 210px; margin:0 auto; padding:0 0 10px 0;} .gridlist2 li a{ color: #646464;} .gridlist2 li a:hover{ color: #DD2727;} /*首页楼层相册列表风格*/ .albumlist1{ overflow:hidden; } .albumlist1 li { float:left; text-align:center; overflow:hidden; width:100%;} .albumlist1 li img { width:492px; height:236px; cursor:pointer; border: 0; margin:0; padding:0;} .gridlist2 li .hd{ width:100%; position:absolute; bottom:5px; height:5px; text-align:center; border:0px solid red; } .gridlist2 li .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:16px; height:4px; text-align:center; float:none; background:#646464; margin-right:10px; overflow:hidden; font-size:0; color:#fff; padding:0; border:0; text-indent:-100px;} .gridlist2 li .hd ul li.on{ background:#DD2727; } /*橱窗列表1*/ .gridlist3{ overflow:hidden; } .gridlist3 li {float:left; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/; text-overflow:ellipsis; white-space:nowrap; width:14.2%} .gridlist3 li a{ display:block; text-align:center; overflow:hidden;} .gridlist3 li img { width:99%;} /*相关信息列表*/ .inforelationlist{ overflow:hidden; border-right: 1px solid #ededed;} .inforelationlist li { float:left; width:16.6%; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/;text-overflow:ellipsis; } .inforelationlist li.first, .inforelationlist li.last{ width:16px;} .inforelationlist li img { height:90%; width:90%; margin:5px;} .inforelationlist li .InfoTitle {display:block; width: 90%; height: 38px; overflow:hidden; text-align:left; text-overflow:ellipsis; padding:0; margin:0 auto; font:12px/150% Arial,Verdana; } .inforelationlist li .InfoPrice{ width: 90%; margin:0 auto; padding:0 0 10px 0;} .inforelationlist li a{ color: #666;} .inforelationlist li a:hover{ color: #C81623;} /*相册列表*/ .albumlist{ overflow:hidden; float:left; height:54px; width:310px; outline:0px dashed red;} .albumlist li { float:left; text-align:center; overflow:hidden; width:61px; height:60px;} .albumlist li img { width:50px; height:50px; cursor:pointer; border: 2px solid #fff;} .albumlist li.on img{ border: 2px solid #e4393c; } .InfoAlbum .myalbum { float: left; } .InfoAlbum .sPrev, .InfoAlbum .sNext {float: left; display: block; width: 16px; height: 54px;background: url(../images/arrow.png) no-repeat; cursor: pointer; margin:0 2px; outline:0px dashed red;} .InfoAlbum .sPrev{ background-position: 2px center; } .InfoAlbum .sPrev:hover{ background-position: -27px center; } .InfoAlbum .sNext{ background-position: -13px center; } .InfoAlbum .sNext:hover{ background-position: -42px center; } /*商品参数选项卡*/ .producttablist{ overflow:hidden; } .producttablist li { float:left; text-align:center; overflow:hidden; width:120px; padding:0 5px; cursor:pointer; background:#fff; border:1px solid #e4e4e4; border-left:0; border-top:1px solid #fff;} .producttablist li.current{ color:#e01d20; border-top: 1px solid #e01d20; border-bottom-color: #FFF; padding-top: 0;} .GoodsSpecification{ display:none;} .specification_table{ width: 100%; border-collapse:collapse; font-family:宋体; font-size:12px; color:#666;} .specification_table .TypeGroupName{ border-bottom:1px solid #e4e4e4; color:#333; text-align:left; padding:8px 0px; } .specification_table .TypeAttributeName{ width: 135px; text-align:left; padding:5px 0px; white-space:nowrap;} .specification_table .Attributue{} /*视频列表*/ .videolist{ } .videolist li { width:475px; float:left; margin:0 5px; text-align:center; overflow:hidden;} .videolist li img { border:1px solid #E1E1E1; width:100%;} .videolist li a { white-space:nowrap; } .videolist li a.InfoTitle{ display: block; text-align:center; padding:8px 0;} /*选项卡切换列表*/ .tablist { overflow: hidden; zoom:1; display:flex;justify-content:center;} .tablist li { float:left; /*height:36px; */overflow:hidden; white-space:nowrap; background:none; border: 0px solid #f5f5f5; border-bottom:0;} .tablist li a{ border-left: 1px solid #e6e6e6; padding:0px 12px; } .tablist li a.n1{ border:0;} .tablist li.on{ color:#fff; border: 0px solid #000; border-bottom:0px solid #fff; background:#5A8D1D;} .tablist li.on a{ color:#fff; border:0;font-size:20px;} /*浏览历史*/ .historylist{ } .historylist li { overflow:hidden; border-bottom: 1px solid #e4e4e4; margin-bottom:5px; padding:5px 0;} .historylist li a.InfoPicture{ float:left;} .historylist li img { width:80px; height:80px; display:block; border:1px solid #fff; } .historylist li img:hover{ border:1px solid #e9e9e9;} .historylist li .InfoTitle{ display:block;width:100%; overflow:hidden; text-align:left; line-height:30px; font: 12px/150% Arial,Verdana; margin:0 auto;} .historylist li .InfoPrice{ line-height:80px; float:right; height:80px; padding:0; padding-right:5px;} .historylist li.last{border:0; text-align:right; margin-bottom:0;} /*销售排行榜*/ .toplist{ } .toplist li { overflow:hidden; border-bottom: 1px solid #e4e4e4; margin-bottom:5px; padding:5px 0;} .toplist li a.InfoPicture{ float:left;} .toplist li img { width:80px; height:80px; display:block; border:1px solid #fff; } .toplist li img:hover{ border:1px solid #e9e9e9;} .toplist li .InfoTitle{ display:block;width:100%; overflow:hidden; text-align:left; line-height:30px; font: 12px/150% Arial,Verdana; margin:0 auto;} .toplist li .InfoPrice{ line-height:30px; float:right; height:30px; padding:0; padding-right:5px;} .toplist li .Quantity{ line-height:30px; float:right; height:30px; padding:0; padding-right:5px;} .toplist li.last{border:0; text-align:right; margin-bottom:0;} /*==========@@通用列表 结束@@==========*/ /*==========@@购物车 开始@@==========*/ /*公共*/ .cart_price{ font-weight:bold; color:#F00;} /**购物进度*/ .progress{ overflow:hidden; margin:8px 0;} .progresslist li{ width: 33.3%; height: 35px; line-height:35px; float:left; text-align:center; background: #f1f1f1; color:#999;} .progresslist li i{ display: block;background: url(../images/progresslist.png) no-repeat;float: right;width: 22px; height: 35px;} /*step1*/ .progress #step1 li.n1 { color: #f60; background: #ffe6bc; } .progress #step1 li.n1 i {background-position: 0px -35px;} /*step2*/ .progress #step2 li.n1 i { background-position: 0px -70px; } .progress #step2 li.n2 { color: #f60; background: #ffe6bc; } .progress #step2 li.n2 i{ background-position: 0px -35px; } /*step3*/ .progress #step3 li.n2 i{ background-position: 0px -70px; } .progress #step3 li.n3 { color: #f60; background: #ffe6bc; } /*购物车列表*/ .cart_table{ width: 100%; border-collapse:collapse; } .cart_table thead{ background: #F5F5F5;} .cart_table td, .cart_table th{ padding:8px 0px; text-align:center; } .cart_table, .cart_table th, .cart_table td{ border:1px solid #e4e4e4; } .cart_table .tImage{ width: 180px; } .cart_table .tProductName{} .cart_table .tPrice{ width: 100px; } .cart_table .tQuantity{ width: 120px; } .cart_table .tTotalItemPrice{ width: 110px; padding-left:10px;} .cart_table .tOperation{ width: 110px;} .cart_table .tTotalPrice{ text-align:right; padding-right:10px;} .cart_table tfoot th{ text-align:right; } .cart_table tfoot td{ text-align:center; } .cart_table tfoot .trCartCheckout th{ padding:0;} /*值*/ .cart_table .form_quantity{ width: 45px; height: 24px;border: 1px solid #e9e9e9;float: left; line-height: 24px;text-align: center;padding: 0;margin: 0;outline: none;} .cart_table .TotalPrice, .cart_table .TotalItemPrice{font-weight:bold; color:red; } .cart_table .TotalCount, .TotalItemCount{ font-weight:bold; color:red;} .cart_table .IncQuantity, .cart_table .DecQuantity{ width: 26px; height: 26px;float: left; color: #ccc; padding:0; cursor:pointer; } .cart_table .IncQuantity { background: url(../images/increase.png) #e9e9e9 center center no-repeat;} .cart_table .DecQuantity { background: url(../images/decrease.png) #e9e9e9 center center no-repeat; margin-left:10px;} .cart_table .InfoPicture{ height: 100px;} .cart_table .ProductName{ padding: 5px;} .cart_table .CartEmptyText{ font-weight:bold; color:red; text-align:left; padding-left:5px; float:left; display:none;} /*按钮*/ .cart_table .btnGoShoping{ cursor: pointer; background:#e4e4e4; padding:10px 12px; color:#666; float:left;} .cart_table .btnGoShoping:hover{ color: #c81623;} .cart_table .btnClearCart{ cursor: pointer; background:#e4e4e4; padding:10px 12px; color:#666; float:right;} .cart_table .btnClearCart:hover{ color: #c81623;} .cart_table .btnCheckout{ cursor: pointer; background:#cf010e; padding:10px 35px; color:#fff; float:right;} .cart_table .btnCheckout:hover{ color: #eee; background:#E70A18;} /*收货人信息*/ .cart_title{ padding:15px 0px; font-weight:bold; font-size:14px;} .consignee_title{ padding:15px 0px; font-weight:bold; font-size:14px;} .consignee_table{ width: 100%; border-collapse:collapse;} .consignee_table td , .consignee_table th{ padding:2px 1px;} .consignee_table th{ width: 120px; background:#F5F5F5;} .consignee_table td{ } .consignee_table, .consignee_table th, .consignee_table td{ border:1px solid #e4e4e4; } .consignee #ConsigneeRealName, .consignee #ConsigneeEmail, .consignee #ConsigneeMobile, .consignee #ConsigneeTelephone, .consignee #ConsigneePostcode{ width:150px; } .consignee #ConsigneeAddress{ width:450px; } .consignee #ConsigneeRemark{ width:98%; height:80px;} /*配送方式*/ .shipping_title{ padding:15px 0px; font-weight:bold; font-size:14px;} .shipping_bottom{ height:30px; margin:10px; text-align:center;} .shipping_table{ width: 100%; border-collapse:collapse;} .shipping_table th{ width: 200px; text-align:left; padding-left: 15px; background:#F5F5F5;} .shipping_table td{ text-align:left; line-height:1.8em; padding:5px 10px;} .shipping_table, .shipping_table th, .shipping_table td{ border:1px solid #e4e4e4; } .shipping_table .ShippingDescription{ font-size:12px; color:#999; line-height: 20px; } /*支付方式*/ .pay_title{ padding:15px 0px; font-weight:bold; font-size:14px;} .pay_table{ width: 100%; border-collapse:collapse; } .pay_table th{ width: 200px; text-align:left; padding-left: 15px; background:#F5F5F5;} .pay_table td{ text-align:left; line-height:1.8em; padding:5px 10px;} .pay_table, .pay_table th, .pay_table td{ border:1px solid #e4e4e4; } .pay_table .PayDescription{ font-size:12px; color:#999; line-height: 20px; } /*支付方式*/ .pay_title{ padding:15px 0px; font-weight:bold; font-size:14px;} .pay_body{} .pay_table{ width: 100%; border-collapse:collapse; } .pay_table tr.current td{ background:#F5F5F5;} .pay_table th{ width: 200px; text-align:left; padding-left: 15px; background:#F5F5F5;} .pay_table td{ text-align:left; line-height:1.8em; padding:5px 10px;} .pay_table, .pay_table th, .pay_table td{ border:1px solid #e4e4e4; } .pay_table .PayDescription{ font-size:12px; color:#999; line-height: 20px; } .pay_bottom{ padding:15px 0;} /*在线支付*/ .orderinfo{ overflow:hidden;} .orderinfo .OrderNumber{color:#00F;} .orderinfo .TotalPrice, .orderinfo .ShippingPrice, .orderinfo .PayPrice, .orderinfo .TotalOrderPrice, .orderinfo .DiscountPrice{ color:#F00;} .orderinfo_title{} .orderinfo_body{ line-height:2em; font-size:16px;} .orderinfo_bottom{ text-align:center; } .payment .pay_title{ font-size:16px; font-weight:normal;} .payment .OrderOnlinePayFinish{ color:#F00; } /*==========@@购物车 结束@@==========*/ /*==========@@jQZoom Version 2.2 样式开始@@==========*/ .jqzoom{ border:0px solid black;float:left;position:relative;padding:0px;cursor:pointer;} .jqzoom img{ float:left; } div.zoomdiv { z-index : 100; position: absolute; top:0px; left:0px; width: 200px; height: 200px; background: #ffffff;border:1px solid #CCCCCC;display:none;text-align: center;overflow: hidden; } div.jqZoomPup {z-index : 100;visibility : hidden;position: absolute; top:0px; left:0px; width : 50px;height : 50px;border: 1px solid #aaa; background: #ffffff; opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50); } /*==========@@jQZoom Version 2.2 样式结束@@==========*/ .single_index{background:url(/Upload/new_we_bg.jpg);width:100%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;} .single_bg{;width:100%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;position:relative;} .article_bg{background:url(/Upload/1541061639.jpg);width:100%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;position:relative;} .rencai{background:url(/Upload/752568.png);width:100%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;position:relative;}